 @import "../../mixin.scss";
 .iconfont{
	 display: inline-block;
 }
.searchTop {
    height:110upx;
    .searchTopFixed {
        position: fixed;
        left:50%;
        width:100%;		        		
		/*  #ifdef  MP-WEIXIN  */
		top:0;
		/*  #endif  */
        z-index: 100;
        max-width: 900upx;
        height: 110upx;
        @include tslate(-50%,0);

        padding: 0upx 0 0upx 100upx;
        line-height:70upx;
        background: #fff;
        overflow:hidden;
        // position: relative;
    }
    .returnBack {
        position: absolute;
        left:50upx;
        // width:60upx;
		// top:40upx;
        text-align: center;
        color:$gray;
		background-color: #fff;
        .mintui {
            font-size: $f18;
        }
    }
    .searchInput {
      width: calc(100% - 110upx);
      float:left;
	  margin-top: 20upx;
      .search-box {
        position: relative;
        background: #f4f4f4;
        padding: 0 20upx;
        border-radius: 40upx;
        height:70upx;
		line-height:70upx;
        input {
          height:70upx;
		  line-height:70upx;
          width: 100%;
          padding-left:50upx;
          color: #333;
          vertical-align: top;
          font-size: $subtitle;
          outline: none;
          border: none;
          box-shadow: none;
          text-shadow: none;
          font-weight: normal;
          background: transparent;
		  position: absolute;
		  top:0;
        }
        .clear {
          margin: 0;
          width:40upx;
          height:40upx;
          line-height:36upx;
          position: absolute;
          right: 20upx;
          top:12upx;
          text-align:center;
          color: #fff;
          font-size: 30upx;
          border-radius: 50%;
          background: rgba(0, 0, 0, .15);
        }
        .icon-search {
          position: absolute;
          left:20upx;
          top:0px;
          color:$gray;
          font-size:36upx;;
        }
      }
    }
    text {
      float:right;
      text-align: center;
      font-size: 28upx;
      width: 110upx;
      color: $gray;
	  position: absolute;
	  // top:56upx;
    }
  }
.search-filter{
    // border-top: 1px solid $border;
    border-bottom: 2upx solid #eee;
	position: fixed;
	z-index: 80;
	height: 2.174rem;
	width: 100%;
	// top:140upx;
    .search-filter-list{
        background: #fff;
        @include flexbox(space-between,center,row,nowrap);
        .search-filter-item{
        width: 33.33%;
        @include flexbox(center,center,row,nowrap);
        color: #333;
        font-size: 30upx;
        padding: 24upx 0;
        &.active{
            color: $red;
        }
        &.more-sort{
            position: relative;
            &:after{
            content:'';
            position: absolute;
            right: .5rem;
            top: 44%;
            width: 0;
            height: 0;
            border: 10upx solid transparent;
            border-top-color: $red;
            }
        }
		&.more-sort2{
		    position: relative;
		    &:after{
		    content:'';
		    position: absolute;
		    right: .5rem;
		    top: 35%;
		    width: 0;
		    height: 0;
		    border: 5px solid transparent;
		    border-top-color: $red;
			transform: rotate(180deg);
		    }
		}
        }
    }
}

.searchContent{
    padding:100upx 20upx 0upx 20upx;
	background: #f4f4f4;
    .searchContentList{
        overflow:hidden;
        .searchContentItem{
            // color: #333;
                width: 47%;
				float: left;
				color: #333;
				padding: 10upx 10upx;
            .searchContentItemC {
                padding: 10upx;
				background: #fff;
				// margin: 0 20upx 20upx 0;
				overflow: hidden;
				position: relative;
                .prodPic {
					float:left;
                    width: 100%;
					height: 300upx;
                    image {
                        width: 100%;
                        height: 100%;
                    }
                }
                .prodInfo {
                  height: 140upx;
					overflow: hidden;
					width:100%;
					text-overflow: ellipsis;
                    .prodTitle {
                        font-size: $f14;
                        line-height:40upx;
                        max-height: 80upx;
                        @include textoverflow(2);
                    }
                    .prodTotalSale {
                            border: 1px solid #f48f18;
							display: inline-block;
							font-size: 24upx;
							padding: 1px 5px;
							border-radius: 6upx;
							color: #f48f18;
                    }
                }
                .prodPrice {
                   color: #ff2d4b;
				   display: flex;
				   justify-content: space-between;
				   align-items: center;
				   text {
				       font-size: 32upx;
					   display: inline-block;
				   }
                    .new {
                        line-height: normal;
                        color:$colorff2;
                        .iconfont {
                            font-size: $f14;
                            margin-right:6upx;
                        }
                        
                    }
                    .old {
                        line-height: normal;
                        color:$gray888;
                        text-decoration: line-through;
                        .iconfont {
                            font-size: $f14;
                            margin-right:6upx;
                        }
                    }
                }
                .buyCart {
                    position: absolute;
					right: 20upx;
					bottom: 20upx;
					width: 1.4rem;
					height: 1.4rem;
					border-radius: 50%;
					text-align: center;
					line-height: 1.4rem;
					background: linear-gradient(90deg,#ff3452 0,#ff8a2b);
					.iconfont {
					   color: #fff;
						font-size: 36upx;
					}
                    .valBox {
                        display: inline-block;
                        width: 40upx;
                        height: 60upx;
                        line-height:56upx;
                        text-align:center;
                        vertical-align: middle;
                        font-size: $f14;
                    }
                }
            }
        }
    }
}

.myshopCart {
       position: fixed;
    left: 40upx;
    bottom: .4rem;
    background: rgba(0,0,0,.6);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    line-height: 2.2rem;
    text-align: center;
    .iconfont {
        color:#fff;
        font-size: $f22;
    }
    em {
        position: absolute;
        top:0.12rem;
        right:0.1rem;
        font-size:$f12;
        width:0.9rem;
        height:0.9rem;
        background:#ff3c32;
        border-radius: 50%;
        border:1px #fff solid;
        line-height:0.9rem;
        color:#fff;
        font-style:normal;
    }
}